(function () {
  //获取宽度
  var witdhDefual = parseFloat($('.li5box-car').css('width').replace(/[^0-9\-,]/g, '')) + 7
  let num = $('.li5box-ul .li5box-car').length;
  $('.li5box-ul').css('width', (num) * witdhDefual + 'px');
  var MAX=(num-1)*witdhDefual


  $('#leftimg').click(function () {
    //获取当前的偏移量
    let value = parseFloat($('#li5boxul').css("transform").replace(/[^0-9\-,]/g, '').split(',')[4])
    
    if (value <= 0) {
      value = value * -1
    }
 
    if (value >=MAX) {
      return false
    }

    //转移下一个偏移量
    let result = parseFloat(value + witdhDefual) * -1
    $('#li5boxul').css('transform', 'translate3d(' + result + 'px,0px,0px)');

  })
  $('#rightimg').click(function () {
    //获取当前的偏移量
    let value = parseFloat($('#li5boxul').css("transform").replace(/[^0-9\-,]/g, '').split(',')[4])
    if (value >= 0||value<MAX*-1) {
      return false
    }
   
    //转移下一个偏移量
    let result=parseFloat(value+witdhDefual)
    $('#li5boxul').css('transform','translate3d('+result+'px,0px,0px)')
  })


  $('#playbuttom').click(function () {
    $('#zhezhao').addClass('active')
    document.getElementById('videoResumeC').play();
  })

  $('#musicwrap').click(function () {
    console.log(14563)
    if ($(this).hasClass('paused')) {
      $(this).removeClass('paused')
      $('#play1')[0].play()
    } else {
      $(this).addClass('paused')
      $('#play1')[0].pause()
    }
  })


  // //一段正则，匹配所有_min.的图片src属性
	// var test = /_min\./
	// //遍历所有的图片节点
	// $("img").each(function(index,obj){	
	// 	if(test.test($(this).attr("src"))){
	// 		var reSrc = $(this).attr("src").replace(test,".");
	// 		$(this).attr("src",reSrc)
	// 	}		
	// })

})()


var chartDom = document.getElementById('pie_chart');
var myChart = echarts.init(chartDom);

var option = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        textStyle: { color: '#FFFFFF' }, // 让图例字体变白
        data: [
            '手机','相机','电脑','SUV','家用车','电车','卡卷','电器家具','箱包','珠宝'
        ]
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            selectedMode: 'single',
            radius: [0, '30%'],
            label: {
                position: 'inner',
                fontSize: 14,
                color: '#FFFFFF' // 字体颜色改为白色
            },
            labelLine: { show: false },
            data: [
                { value: 985, name: '科技产品' },
                { value: 1548, name: '二手汽车' },
                { value: 479, name: '生活用品', selected: true }
            ]
        },
        {
            name: '访问来源',
            type: 'pie',
            radius: ['45%', '60%'],
            labelLine: {
                length: 30
            },
            label: {
                color: '#FFFFFF', // 标签字体颜色改为白色
                formatter: '{b}：{c} ({d}%)'
            },
            data: [
                { value: 687, name: '手机' },
                { value: 125, name: '相机' },
                { value: 462, name: '电脑' },
                { value: 486, name: 'SUV' },
                { value: 756, name: '家用车' },
                { value: 596, name: '电车' },
                { value: 168, name: '卡卷' },
                { value: 89, name: '电器家具' },
                { value: 34, name: '箱包' },
                { value: 79, name: '珠宝' },
            ]
        }
    ]
};

myChart.setOption(option);
